<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0503-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0503.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="codition_panel">
            <div class="left">
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0503.qc_type' | translate"></label>
                    <input ng-model="dialog.condition.qc_name" readonly="readonly" ng-click="dialog.loadQcType();">
                    <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0503.op_no' | translate"></label>
                    <input ng-model="dialog.condition.op_no" readonly="readonly" ng-click="dialog.loadOpNo();">
                    <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0503.plot_no' | translate"></label>
                    <input ng-model="dialog.condition.plot_no">
                </div>
            </div>
            <div class="right">
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0503.item_no' | translate"></label>
                    <input ng-model="dialog.condition.item_no" readonly="readonly" ng-click="dialog.loadItemNo();">
                    <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0503.spec' | translate"></label>
                    <input ng-model="dialog.condition.spec">
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0503.position_no' | translate"></label>
                    <input ng-model="dialog.condition.position_no">
                    <div class="kmi-button kmi-button-confrim"  ng-click="dialog.search()" style="width:100px">
                        <label ng-bind="'common.btn.search' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-confrim"  ng-click="dialog.clear_condition()" style="width:100px">
                        <label ng-bind="'B0503.btn.clear_condition' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="kmi-layout-page">
            <div class="kmi-list column-selector top" column-selector-id="pqcInfo" kmi-scrollbar>
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column6' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column7' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column8' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 148px;" ng-bind="'B0503.item_list.column9' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.item_list.column10' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row pqcInfo" ng-repeat="item in dialog.pqcInfo track by $index" ng-click="dialog.clickItemInfo(item);"
                        ng-class="{'is-select':(item == dialog.itemInfo)}">
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qc_form_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_name"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.op_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qty"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.position_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="'B0503.qc_type_' + item.qc_type | translate"></div>
                        <div class="kmi-list__column" style="flex:0 0 148px;" ng-bind="item.event_time"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.pcs_no"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list column-selector down" column-selector-id="qc_item_detail">
                <div class="kmi-list__header">
                    <!-- 20230313 modify by Alan for M#129881: -->
                    <div class="kmi-list__column width-fixed require" style="flex:0 0 40px;">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.qcItemSelectAll();">
                            <img ng-if="!qcSelectAll" src="image/icons/check0.png"></img>
                            <img ng-if="qcSelectAll" src="image/icons/check1.png"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.check_list.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.check_list.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.check_list.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.check_list.column4' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row qc_item_detail" ng-repeat="item in dialog.itemInfo.qc_item_detail track by $index">
                        <div class="kmi-list__column" style="flex:0 0 40px;z-index:1;position: relative;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.qcItemSelect($event, $index, item);">
                                <img ng-if="!item.isSelect" src="image/icons/check0.png"></img>
                                <img ng-if="item.isSelect" src="image/icons/check1.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qc_item"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="'B0503.qc_item_type_' +item.qc_type | translate"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="'B0503.status_' + item.status | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0503.qc_result_'+item.qc_result | translate"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-tool" style="display: flex; justify-content: flex-end;">
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.dialog_confirm()" ng-disabled="!dialog.isSelectQcItem();"
                style="width:100px;">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>
